<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>${shop.name!""}</title>
<link rel="stylesheet" href="${siteurl}assets/css/www-pkg.css" />
[#include "/theme/yelp/common/scripts.html"]

</head>

<body class="country-hk logged-out ytype jquery" id="yelp_main_body"
	ryt13230="1">

	<div id="fb-root"></div>

	<div class="lang-en" id="wrap">



		[#include "/theme/yelp/common/header.html"]

		<div id="print-masthead">
			<img alt="Yelp" class="print-bkg-img"
				src="http://s3-media2.fl.yelpcdn.com/assets/2/www/img/b7e9d647188d/gfx/header_print.gif">
		</div>

		<span class="offscreen" id="page-content">&nbsp;</span>

		<div class="main-content-wrap main-content-wrap--box">

			<div class="content-container" id="super-container">


				<div id="alert-container">

					<div class="alert" data-component-bound="true"
						style="display: none;">
						<a href="#" class="alert-dismiss">×</a>
						<p class="alert-message"></p>
					</div>
				</div>


				<input class="hidden" id="goog-history-input">

				<div class="container media-details-base">
					<div class="clearfix layout-block layout-full">
						<div class="column column-alpha ">
							<div class="ytype section-header media-header">
								<div class="arrange arrange--12 arrange--bottom">
									<div class="arrange_unit arrange_unit--fill">
										<ul class="breadcrumbs">
											<li><a
												href="${siteurl}shop/view.htm?id=${shop.id}">${shop.name!""}</a>

											</li>
											<li><span
												class="i-wrap ig-wrap-common i-breadcrumb-arrow-common-wrap breadcrumb-wrap"><i
													class="i ig-common i-breadcrumb-arrow-common"></i> 相片</span></li>
										</ul>

										<h1 class="media-header_title h2">${shop.photos!"0"}张${shop.name!""}的相片</h1>
									</div>
									<div class="arrange_unit nowrap">
										<a class="ybtn ybtn-primary"
											href="${siteurl}shop/user_photos.htm?id=${shop.id}"><span
											class="i-wrap ig-wrap-common i-camera-dark-red-common-wrap"><i
												class="i ig-common i-camera-dark-red-common"></i> 新增相片</span></a>


									</div>
								</div>
							</div>


			

							<div class="clearfix media-nav-yloca">
								<div unselectable="on"
									class="unselectable media-nav js-media-nav">
									<a [#if num>1]href="${siteurl}shop/photos.htm?id=${shop.id}&num=${num-1}"[/#if]
										class="ybtn ybtn-primary ybtn-small backward js-media-nav_link--prev">之前</a>

									<span class="media-nav-count js-media-count">第<strong
										id="photo-index">${num!"0"}</strong>張
									</span> <a
										class="ybtn ybtn-primary ybtn-small forward js-media-nav_link--next"
										href="${siteurl}shop/photos.htm?id=${shop.id}&num=${num+1}">下一個</a>

								</div>

							</div>
                              [#if photo??]
							<div class="media-container">
								<div data-photo-id="XPKenxZzCiYe2GEotnLUEQ"
									class="selected-photo ieSucks">
									<div class="selected-photo-info">
										<div class="selected-photo-user">
											<div data-photo-id="pur-7OIzH9mbwiGAlQs5UgXSFw"
												class="photo-user-passport">
												<div class="ypassport ypassport-slim media-block">
													<div class="media-avatar">
														<div data-hovercard-id="oTft3Q54PwpaRRICmTc0PA"
															class="photo-box pb-30s">
															<a href="${siteurl}user_details.htm?id=${photo.user.id}">
																<img width="30" height="30"
																src="${photo.user.headimg!'/assets/images/head.png'}"
																class="photo-box-img" alt="Joe L.">

															</a>

														</div>



													</div>
													<div class="media-story">
														<ul class="user-passport-info">
															<li class="user-name"><a
																data-hovercard-id="oTft3Q54PwpaRRICmTc0PA"
																href="${siteurl}user_details.htm?id=${photo.user.id}"
																class="user-display-name">${photo.user.name!''}</a></li>
														</ul>

														<ul class="user-passport-stats">
															<li class="friend-count"><b
																class="i-wrap ig-wrap-common_sprite i-friends-orange-common_sprite-wrap"><i
																	class="i ig-common_sprite i-friends-orange-common_sprite"></i>
																	${photo.user.friends!'0'}</b></li>
															<li class="review-count"><b
																class="i-wrap ig-wrap-common_sprite i-star-orange-common_sprite-wrap"><i
																	class="i ig-common_sprite i-star-orange-common_sprite"></i>
																	${photo.user.comments!'0'}</b></li>
															<li class="is-elite"><a href="/elite">精英’${photo.user.goods!'0'}</a></li>

														</ul>

													</div>
												</div>


												<div class="actions">
													<ul class="iconed-list action-link-list">

														<li class="iconed-list-item"><a href="javascript:;"
															data-pop-uri="/send_to_friend/biz_photo/7OIzH9mbwiGAlQs5UgXSFw"
															class="action-link send-to-friend">
																<div class="iconed-list-avatar">
																	<i class="i ig-common i-action-share-common"></i>
																</div>
																<div class="iconed-list-story">分享</div>
														</a></li>

														<li class="iconed-list-item"><a
															href="/thanx?complimentable_id=7OIzH9mbwiGAlQs5UgXSFw&amp;complimentable_type=BIZ_PHOTO&amp;previous_url=%2Fbiz_photos%2F%25E6%25B7%25BB%25E5%25A5%25BD%25E9%2581%258B%25E9%25BB%259E%25E5%25BF%2583%25E5%25B0%2588%25E9%2596%2580%25E5%25BA%2597-%25E9%25A6%2599%25E6%25B8%25AF%3Fselect%3D7OIzH9mbwiGAlQs5UgXSFw&amp;type=photos&amp;user_id=91sdYRRNbLiF8TmQXX0THg"
															class="action-link send-compliment">
																<div class="iconed-list-avatar">
																	<i class="i ig-common i-action-compliment-common"></i>
																</div>
																<div class="iconed-list-story">讚美</div>
														</a></li>
													</ul>

												</div>
											</div>
										</div>

										<div class="selected-photo-caption">
											<div class="caption selected-photo-caption-text ytype">${photo.messages!""}</div>
										</div>

										<div class="selected-photo-details">
											<span class="selected-photo-upload-date time-stamp">[@html.date date=photo.adddate][/@html.date]</span>
										</div>



										<div class="selected-photo-voting no-js-hidden" 
											data-component-bound="true" style="display: none;">
											<div class="selected-photo-votes hidden"
												data-component-bound="true" style="display: none;">
												<h4 class="helpfuls_counts_header">相片投票</h4>
												<div class="vote-display-labels">
													<div data-feedback_type="helpful" class="feedback-label">
														滿有用的</div>
												</div>

												<div class="vote-display-counts">
													<div data-feedback_type="helpful"
														class="vote-display-count">
														<span> <strong>1</strong>票
														</span>
													</div>
												</div>
											</div>



											<form name="photo_vote_form" method="POST"
												class="photo-vote-form"
												action="/biz_photos/feedback/1S2p1xBtwP20qb2JTMacsA">
												<input type="hidden"
													value="e9bcaf838b5e26406c0b44eacc5694e9cebeb3ccc4a6051eea947a983c619573"
													class="csrftok" name="csrftok">
												<h4 class="helpfuls_form_header">覺得這張相有沒有幫助呢？</h4>
												<div class="photo-vote-helpfuls" data-component-bound="true">
													<fieldset>
														<label> <input type="radio" value="helpful"
															name="feedback"> <span>滿有用的</span>
														</label> <label> <input type="radio" value="not_helpful"
															name="feedback"> <span>沒什麼幫助</span>
														</label>
													</fieldset>
												</div>

												<div class="photo-vote-counter" data-component-bound="true">
													<div data-feedback_type="helpful" class="feedback-count"></div>
													<div data-feedback_type="not_helpful"
														class="feedback-count"></div>
												</div>

											</form>

										</div>




										<div class="delete-photo hidden" style="display: none;">
											<ul class="iconed-list action-link-list">

												<li class="iconed-list-item"><a
													href="/biz_user_photos/1S2p1xBtwP20qb2JTMacsA"
													class="action-link edit-caption">
														<div class="iconed-list-avatar">
															<i class="i ig-common i-action-edit-common"></i>
														</div>
														<div class="iconed-list-story">編輯相片說明字幕</div>
												</a></li>

												<li class="iconed-list-item"><a class="action-link"
													href="">
														<div class="iconed-list-avatar">
															<i class="i ig-common i-action-remove-common"></i>
														</div>
														<div class="iconed-list-story">刪除相片</div>
												</a></li>
											</ul>

										</div>




										<p class="flag_content" style="display: none;">
											<a class="chiclet-link chiclet-link--flag show-tooltip"
												data-pop-uri="/flag_content?flag_id=XPKenxZzCiYe2GEotnLUEQ&amp;flag_type=business_photo&amp;previous_url=%2Fbiz_photos%2F%25E6%25B7%25BB%25E5%25A5%25BD%25E9%2581%258B%25E9%25BB%259E%25E5%25BF%2583%25E5%25B0%2588%25E9%2596%2580%25E5%25BA%2597-%25E9%25A6%2599%25E6%25B8%25AF%3Fselect%3DXPKenxZzCiYe2GEotnLUEQ"
												href="/flag_content?flag_id=7OIzH9mbwiGAlQs5UgXSFw&amp;flag_type=business_photo&amp;previous_url=%2Fbiz_photos%2F%25E6%25B7%25BB%25E5%25A5%25BD%25E9%2581%258B%25E9%25BB%259E%25E5%25BF%2583%25E5%25B0%2588%25E9%2596%2580%25E5%25BA%2597-%25E9%25A6%2599%25E6%25B8%25AF">
												<i class="i ig-common i-24x24_flag-common"></i> <span
												class="tooltip-wrapper"> <span class="tooltip">舉報相片為不當？</span>
											</span>
											</a>

										</p>

									</div>




									<div class="display-table selected-photo-frame">
										<div unselectable="on" class="unselectable display-table-cell">
											<div class="hidden selected-photo-main"
												style="display: block;">


                                                
												<img style="display: inline;"
													src="${photo.url}">
											</div>
										</div>
									</div>

								</div>

							</div>
                             [/#if]
							<div class="landing-section">
								<div class="photos-index">
									<div class="photos">
									  [#if list??]
									   [#list list as item]

										<div class="photo XPKenxZzCiYe2GEotnLUEQ">
											<div class="thumb-wrap">


												<div class="photo-box biz-photo-box pb-ms">
													<a
														href="${siteurl}shop/photos.htm?id=${shop.id}&num=${item.num!'1'}">
														<img width="100" height="100"
														src="${item.url}"
														class="photo-box-img"
														alt="">
													</a>
												</div>
											</div>
											<div class="caption">
												<p class="smaller">
													來自<a data-hovercard-id="1VjKa9myxBpibQbf2gFxGw"
														href="${siteurl}user_details.htm?id=${item.user.id}"
														class="user-display-name">${item.user.name!""}</a>
												</p>

												<p class="smaller">${item.messages!""}</p>
											</div>
										</div>

										
								      [/#list]
								      [/#if]

									</div>

									  [#include "/theme/yelp/common/pageryelp.html"]
                                      [@pager page curpage "${siteurl}shop/photos.htm?id=${shop.id}"][/@pager]
					


								</div>

							</div>

						</div>
					</div>
				</div>















			</div>
		</div>

		<!-- google_ad_section_start(weight=ignore) -->
		<!-- <a href="/biz/outlook-autumn-market-fundamental-catwalk-flimsy-roost-legibility-individualism-grocer-predestination-2">yelp</a> -->
		[#include "/theme/yelp/common/footer.html"]


	</div>



</body>

</html>